<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
    <p class="MYstyle">公共样式</p>
    <p id="pera1">2</p>
    <p class="pera1">1</p>
    <p style="color: aquamarine;">内联样式</p>
    <P>背景图片</P>
    <a href="www.baidu.com" style="text-decoration:line-through">百度</a>
    <p style="tsxt-transform:loweracse;">wieuqeoiqweu</p>
    <p style="text-transform: uppercase;">iwewiqueeu</p>
    <p style="text-transform: capitalize">weuqweyi</p>
     <p style="text-indent: 20px;text-shadow: 12px 12px green;">In my younger and</p>
     <p style="letter-spacing: 10px;">设置文字间距</p>
     <p style="border: 1px solid red;"></p> 


     <!-- <div class="div1">div</div> -->
    <style>
        #pera1{
            border: 1px solid red;
        }
        .pera1{
            background-color: blue;
        }
        body{
            /* background-image: url(https://img.alicdn.com/bao/uploaded/i2/2217009507838/O1CN0107BZxB27lrOgyrlsS_!!4611686018427383294-0-item_pic.jpg_460x460q90.jpg_.webp); */
            background-repeat: repeat-x;
            background-position: right top;
        }
    </style>
</body>
</html>